<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp"%>

<html lang="en">

    <meta charset="UTF-8">
    <link rel="stylesheet" href="${ctx}/lunbotu/css/shutter.css">

    <%--<div class="box box-primary">--%>
    <div class="shutter-img">
        <a href="#" data-shutter-title="Iron Man"><img src="${ctx}/lunbotu/images/shutter_1.jpg" alt="#"></a>
        <a href="#" data-shutter-title="Super Man"><img src="${ctx}/lunbotu/images/shutter_2.jpg" alt="#"></a>
        <a href="#" data-shutter-title="The Hulk"><img src="${ctx}/lunbotu/images/shutter_3.jpg" alt="#"></a>
        <a href="#" data-shutter-title="The your"><img src="${ctx}/lunbotu/images/shutter_4.jpg" alt="#"></a>
    </div>
    <ul class="shutter-btn">
        <li class="prev"></li>
        <li class="next"></li>
    </ul>
    <div class="shutter-desc">
        <p></p>
    </div>
<%--</div>--%>

<script src="${ctx}/lunbotu/js/jquery.min.js"></script>
<script src="${ctx}/lunbotu/js/velocity.js"></script>
<script src="${ctx}/lunbotu/js/shutter.js"></script>
<script>
    $(function () {
        $('.shutter').shutter({
            // shutterW: 0, // 容器宽度
            // shutterH: 0, // 容器高度
            isAutoPlay: true, // 是否自动播放
            playInterval: 2000, // 自动播放时间
            curDisplay: 1, // 当前显示页
            fullPage: false // 是否全屏展示
        });
    });
</script>

<div style="text-align:center;clear:both">
    <script src="${ctx}/lunbotu/gg_bd_ad_720x90.js" type="text/javascript"></script>
    <script src="${ctx}/lunbotu/follow.js" type="text/javascript"></script>
</div>

</html>
